<template>
  <div style="margin: 10px">
    <!-------------------------------表格 ----------------------down ------------------->
    <el-table
      ref="multipleTable"
      :data="datas"
      border
      max-height="600"
      height="600"
      :cell-style="{'padding':'2px','font-size':'12px'}"
      :header-cell-style="{'padding':'0px','font-weight':'800'}"
      class="table"
      header-cell-class-name="table-header"
    >
      <el-table-column label="批量">
        <template slot-scope="scope">
          {{ scope.row.INMIN }}-{{ scope.row.INMAX }}
        </template>
      </el-table-column>
      <el-table-column label="特殊检验水平">
        <el-table-column prop="CCODES_1" label="S-1" />
        <el-table-column prop="CCODES_2" label="S-2" />
        <el-table-column prop="CCODES_3" label="S-3" />
        <el-table-column prop="CCODES_4" label="S-4" />
      </el-table-column>
      <el-table-column label="一般检验水平">
        <el-table-column prop="CCODE_I" label="I" />
        <el-table-column prop="CCODE_II" label="II" />
        <el-table-column prop="CCODE_III" label="III" />
      </el-table-column>
    </el-table>
  </div>
  <!-------------------------------表格 ----------------------up ------------------->
</template>
<script>
import { findAll } from '../../api/qmilcode'
export default {
  name: 'Qmilcode',
  data() {
    return {
      editVisible: false,
      query: {
        pageIndex: 1,
        pageSize: 10,
        name: ''
      },
      datas: []
    }
  },
  created() {
    this.getData()
  },
  methods: {
    // 获取 easy-mock 的模拟数据
    getData() {
      findAll().then(res => {
        this.datas = res.data.data
      })
    }
  }
}
</script>

<style scoped>
  .handle-box {
    margin: 20px;
  }

  .handle-select {
    width: 120px;
  }

  .handle-input {
    margin: 10px;
    width: 300px;
    display: inline-block;
  }
  .table {
    width: 100%;
    font-size: 14px;
  }
  .red {
    color: #ff0000;
  }
  .hand-btn {
    margin: 5px;
  }
</style>
